<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>三岁博客管理后台主页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="../../static/images/favicon.ico" th:href="@{/images/favicon.ico}"/>
    <link rel="stylesheet" href="../static/lib/admin/lib/layui-v2.6.3/css/layui.css" th:href="@{/lib/admin/lib/layui-v2.6.3/css/layui.css}" media="all">
    <link rel="stylesheet" href="../static/lib/admin/lib/font-awesome-4.7.0/css/font-awesome.min.css" th:href="@{/lib/admin/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <link rel="stylesheet" href="../static/lib/admin/css/public.css" th:href="@{/lib/admin/css/public.css}" media="all">

    <style>
        .layui-top-box {
            padding: 40px 20px 20px 20px;
            color: #fff
        }

        .panel {
            margin-bottom: 17px;
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 3px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
        }

        .panel-body {
            padding: 15px
        }

        .panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 14px;
            color: inherit
        }

        .label {
            display: inline;
            padding: .2em .6em .3em;
            font-size: 75%;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25em;
            margin-top: .3em;
        }

        .layui-red {
            color: red
        }

        .main_btn > p {
            height: 40px;
        }
    </style>


</head>

<body>


<div class="layuimini-container">

    <div class="layui-box">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md12">
                <blockquote class="layui-elem-quote main_btn">
                    <h3>欢迎您：
                        <b><span class="x-red" th:text="${nickname}">sansui666</span></b>！当前时间: <span th:text="${nowtime}">2022-02-26 20:50:53</span>
                    </h3>
                </blockquote>
            </div>
        </div>
    </div>

    <div class="layuimini-main layui-top-box">
        <div class="layui-row layui-col-space10">
            <div class="layui-card-header">数据统计</div>
            <div class="layui-col-md3">
                <div class="col-xs-6 col-md-3">
                    <div class="panel layui-bg-cyan">
                        <div class="panel-body">
                            <div class="panel-title">
                                <span class="label pull-right layui-bg-blue">实时</span>
                                <h5>博客统计</h5>
                            </div>
                            <div class="panel-content">
                                <h1 class="no-margins" th:text="${countblog}">1234</h1>
                                <small>当前已发布博客总数</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md3">
                <div class="col-xs-6 col-md-3">
                    <div class="panel layui-bg-green">
                        <div class="panel-body">
                            <div class="panel-title">
                                <span class="label pull-right layui-bg-orange">实时</span>
                                <h5>浏览量统计</h5>
                            </div>
                            <div class="panel-content">
                                <h1 class="no-margins" th:text="${countviews}">1234</h1>
                                <small>当前总浏览量</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="col-xs-6 col-md-3">
                    <div class="panel layui-bg-orange">
                        <div class="panel-body">
                            <div class="panel-title">
                                <span class="label pull-right layui-bg-green">实时</span>
                                <h5>评论统计</h5>
                            </div>
                            <div class="panel-content">
                                <h1 class="no-margins" th:text="${countcomments}">1234</h1>
                                <small>当前评论总数量</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-box">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md12">
                <blockquote class="layui-elem-quote main_btn">
                    <p>本模板基于layui2.5.4以及font-awesome-4.7.0进行实现。layui开发文档地址：<a
                            class="layui-btn layui-btn-xs layui-btn-danger" target="_blank"
                            href="http://www.layui.com/doc">layui文档</a></p>
                    <p>三岁—Gitee仓库：<a href="https://gitee.com/wyq517" target="_blank"><img
                            src="https://gitee.com/wyq517/sansui-blog/badge/star.svg?theme=dark" alt="star"></a></p>
                </blockquote>
            </div>
        </div>
    </div>

    <div class="layui-box">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md6">
                <div class="layui-card-header"><i class="fa fa-fire icon"></i>后台登录日志</div>
                <div class="layuimini-main">
                    <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header"><i class="fa fa-fire icon"></i>系统信息</div>
                    <div class="layui-card-body layui-text">
                        <table class="layui-table">
                            <colgroup>
                                <col width="100">
                                <col>
                            </colgroup>
                            <tbody>
                            <tr>
                                <td>系统名称</td>
                                <td th:text="${webname}">
                                    三岁blog
                                </td>
                            </tr>
                            <tr>
                                <td>当前版本</td>
                                <td th:text="${versionnum}">v2.0.0</td>
                            </tr>
                            <tr>
                                <td>系统地址</td>
                                <td th:text="${weburl}">
                                    127.0.0.1
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    开发者
                                </td>
                                <td>
                                    <a href="http://wpa.qq.com/msgrd?v=3&uin=1578393930&site=qq&menu=yes" target="_blank">三岁</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
            </div>
        </div>
    </div>
</div>

<script src="../../../static/lib/admin/lib/layui-v2.6.3/layui.js" th:src="@{/lib/admin/lib/layui-v2.6.3/layui.js}" charset="utf-8"></script>
<script>
    layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        table.render({
            elem: '#currentTableId',
            url: '../page/login_info',
            method: 'post',
            defaultToolbar: ['filter', 'exports', 'print'],
            cols: [
                [
                    {field: 'username', width: 150, title: '用户名'},
                    {field: 'lastLoginIp', width: 230, title: '登录IP'},
                    {field: 'lastLoginTime', width: 250, title: '登录时间'},
                ]
            ]
        });

    });
</script>

</body>
</html>